<template>
    <div>
        <div id="title">
            药品详情
            <el-button type="primary" round id="title-button">返回</el-button>
        </div>
        
        <div id="basicinfo">
            <div class="info-head">
                <span class="headwords">基本信息</span>
            </div> 
            <div id="medicineimg">
                <img width="250" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.16pic.com%2F00%2F88%2F44%2F16pic_8844212_s.jpg&refer=http%3A%2F%2Fimg.16pic.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1632562402&t=f7ec3e3610a7692f0f413e80067ffad7" alt="">
            </div>
            <el-descriptions id="basicdesc" class="margin-top"  :column="2"  border>
                <el-descriptions-item>
                    <template slot="label">ID</template>
                    01
                </el-descriptions-item>
                <el-descriptions-item>
                    <template slot="label">药品名称</template>
                    赵霞络活喜苯磺酸氨氯地平片
                </el-descriptions-item>
                <el-descriptions-item>
                    <template slot="label">规格</template>
                    5mg*7片/盒
                </el-descriptions-item>
                <el-descriptions-item>
                    <template slot="label">价格</template>
                    ¥25
                </el-descriptions-item>
                <el-descriptions-item>
                    <template slot="label">药企</template>
                    辉瑞制药有限公司
                </el-descriptions-item>
                <el-descriptions-item>
                    <template slot="label">库存</template>
                    100
                </el-descriptions-item>
                <el-descriptions-item>
                    <template slot="label">是否为处方药</template>
                    是
                </el-descriptions-item>
                <el-descriptions-item>
                    <template slot="label">药品分类</template>
                    心血管系统用药>降压药
                </el-descriptions-item>
                <el-descriptions-item>
                    <template slot="label">发布时间</template>
                    2020-02-07 21：00：00
                </el-descriptions-item>
                <el-descriptions-item>
                    <template slot="label">状态</template>
                    审核通过
                </el-descriptions-item>
            
            </el-descriptions>  
        </div>

        <div id="detailsinfo">
            <div class="info-head">    
                <span class="headwords">简介</span>
            </div>    
        </div>


        
    </div>
</template>

<script>
export default {
    created(){
        console.log(this.$route.params)
    },
    data() {
        return {
            
        }
    },
}
</script>

<style>
    #title{
        font-size: 30px;
        font-weight: bolder;
    }
    #title-button{
        margin-left:500px;
    }
    .info-head{
        background-color: #F2F2F2;
        height: 40px;
        font-size: 20px;
        padding-top: 10px;
    }
    .headwords{
        margin-left: 30px;
       
    }
    #basicinfo{
        margin-top: 15px;
        border-color: lightgray;
        border-width: thin;
        border-style: solid;
        width: 1000px;    
        height: 300px;
    }
    #medicineimg{
        width: 250px;
        height: fit-content;       
        float: left;
    }
    #basicdesc{
        width: 750px;
        float: left;
    }
    #detailsinfo{
        margin-top: 15px;
        border-color: lightgray;
        border-width: thin;
        border-style: solid;
        width: 1000px;
        height: 1500px;
    }

    
    
</style>